$(() => {

    $("#header").load('./template/header.html')
    // 获取用户名
    let $usernameInp = $("#usernameInp");
    let $usernameTips = $("#usernameTips");

    // 获取密码
    let $passwordInp = $("#passwordInp");
    let $passwordTips = $("#passwordTips");

    // 定义用户名锁
    let userLock = false;
    // 定义密码锁
    let passwordLock = false;


    // 当用户输入完毕的时候要进行正则检测
    $usernameInp.blur(function () {
        // 获取用户的输入内容
        let username = $usernameInp.val();
        // 正则验证
        let usernameReg = /^[\u4e00-\u9fa5]{2,4}$/;
        // 进行验证
        if (usernameReg.test(username)) {
            // 提示用户可以使用
            $usernameTips.html("恭喜可以使用");
            userLock = true;
        } else {
            $usernameTips.html("抱歉，不符合规范")
            userLock = false;
        }
    })

    $passwordInp.blur(function () {
        // 获取用户的输入内容
        let password = $passwordInp.val();
        // 正则验证
        let passwordReg = /^[a-zA-Z]\w{4,11}$/;
        // 进行验证
        if (passwordReg.test(password)) {
            // 提示用户可以使用
            $passwordTips.html("恭喜可以使用");
            passwordLock = true;
        } else {
            $passwordTips.html("抱歉，不符合规范")
            passwordLock = false;
        }
    })

    // 获取按钮
    var $btn = $("#btn");

    $btn.click(() => {
        // 判断用户名和密码是否通过验证
        if (!userLock || !passwordLock) {
            return;
        }
        // 发送请求
        $.post("/lession01/regist", {
            username: $usernameInp.val(),
            password: $passwordInp.val(),
            sex: "男",
            birthDay: new Date("1995-05-05")
        }, function(data) {
            console.log(data)

            
            // 判断 
            if (!data.error) {
                // 跳转页面
                location.href = "./login.html";
            }
        })
    })
})